:root{--primary: #001f3d;--accent: #3399ff;--white: #ffffff;--glass-bg: rgba(255,255,255,0.8);--success: #00cc66;--warning: #ffcc00;--error: #ff3333}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Segoe UI,sans-serif;background-color:var(--white);color:var(--primary);overflow-x:hidden;scroll-behavior:smooth}body:before{display:none;}header{text-align:center;padding:50px 20px;position:relative;z-index:1}.logo-container{display:inline-block;position:relative;padding:20px 50px;border-radius:10px;background:#e6f0fa;box-shadow:0 0 40px #39f6;animation:haloPulse 6s ease-in-out infinite}.logo-container h1{font-size:3rem;font-weight:700;background:linear-gradient(to right,#001f3d,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-container a{text-decoration:none}@keyframes haloPulse{0%,to{box-shadow:0 0 40px #39f6;transform:scale(1)}50%{box-shadow:0 0 80px #3399ffb3;transform:scale(1.05)}}nav{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);padding:15px 30px;display:flex;align-items:center;z-index:999;box-shadow:0 8px 20px #0000001a}.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;flex:1}nav a{color:var(--primary);font-size:1.1rem;font-weight:500;text-decoration:none;padding:8px 14px;transition:all .3s ease;border-radius:8px}nav a:hover{background-color:#e6f0fa;transform:scale(1.1)}#auth-container{margin-left:auto;position:relative}#signup-btn{background-color:var(--accent);color:#fff;font-weight:700}#user-account{position:relative;cursor:pointer}#user-account.hidden{display:none}.user-avatar{width:40px;height:40px;border-radius:50%;background:#e6f0fa;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #3399ff80;transition:all .3s ease;overflow:hidden}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 20px #39fc}.user-avatar.verified{border-color:var(--success);box-shadow:0 0 15px #00cc6680}.user-initial{font-size:1.2rem;font-weight:700;color:var(--primary);text-transform:uppercase}.account-dropdown{position:absolute;top:55px;right:0;min-width:250px;background:#e6f0fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;box-shadow:0 10px 30px #0000001a;border:1px solid #cce0f5;padding:20px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}#user-account:hover .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-info{text-align:center;padding-bottom:10px}.user-email{font-size:1rem;font-weight:500;margin-bottom:5px;color:var(--primary)}.verification-status{font-size:.8rem;padding:3px 8px;border-radius:12px;font-weight:500;display:inline-block}.verification-status.verified{background-color:#e6ffe6;color:var(--success);border:1px solid var(--success)}.verification-status.unverified{background-color:#fffbe6;color:var(--warning);border:1px solid var(--warning)}.dropdown-divider{height:1px;background:#cce0f5;margin:10px 0}.dropdown-item{display:block;padding:10px;color:var(--primary);text-decoration:none;transition:all .2s ease;border-radius:6px;text-align:left}.dropdown-item:hover{background:#e6f0fa;transform:translate(5px)}#logout-btn{color:var(--error)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;position:relative}.glass-hero-box{padding:20px 40px;border-radius:20px;background:#e6f0fa;border:1px solid #cce0f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px #3399ff1a;margin-bottom:30px;animation:fadeInUp 1.2s ease-out}.glass-hero-box h2{font-size:2.8rem;background:linear-gradient(to right,#001f3d,#39f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(51,153,255,.1)}.hero p{font-size:1.2rem;max-width:800px;line-height:1.6;animation:fadeInUp 1.4s ease-out;color:var(--primary)}.hero img{margin-top:40px;width:600px;max-width:90%;animation:fadeInUp 1.6s ease-out;filter:drop-shadow(0 0 20px rgba(51,153,255,.2))}.services{padding:100px 30px;display:flex;flex-direction:column;align-items:center}.services-title{margin-bottom:40px;font-size:2rem;padding:15px 30px;background:#e6f0fa;border:1px solid #cce0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 0 20px #3399ff1a;color:var(--primary);background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#001f3d,var(--accent));-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(51,153,255,.08);text-align:center;max-width:800px}.service-card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.service-card{width:300px;padding:40px 30px;background:#e6f0fa;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #0000001a;border:1px solid #cce0f5;text-align:center;transition:all .4s ease;cursor:pointer}.service-card:hover{transform:translateY(-15px);box-shadow:0 12px 40px #39f6}.service-card h3{font-size:1.8rem;color:var(--accent);margin-bottom:15px}.service-card p{color:var(--primary);font-size:1.05rem;line-height:1.6}.best-work{padding:60px 20px;text-align:center;background-color:#e6f0fa}.best-work h2{font-size:2.5rem;margin-bottom:40px;background:linear-gradient(to right,#001f3d,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(51,153,255,.1)}.video-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.video-box{width:80%;max-width:800px;border-radius:12px;box-shadow:0 10px 20px #3399ff1a;overflow:hidden}iframe{width:100%;height:450px;border:none}footer{padding:60px 20px 40px;text-align:center;font-size:.95rem;background:#e6f0fa;border-top:2px solid var(--accent);color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000020;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;z-index:1000;overflow:hidden}.popup-overlay:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:linear-gradient(120deg,#e6f0fa,#ffffff,#e6f0fa);background-size:400% 400%;animation:popupGlassFlow 25s ease infinite;z-index:-1;filter:blur(30px);opacity:.7}@keyframes popupGlassFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.popup-content{background:#e6f0fa;border:1px solid #cce0f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;max-width:500px;width:90%;border-radius:15px;box-shadow:0 10px 30px #39f6;color:var(--primary);text-align:center;position:relative;z-index:1}.popup-content h3{font-size:1.6rem;margin-bottom:15px;color:var(--accent)}.popup-content p{font-size:1.05rem;line-height:1.6;color:var(--primary)}.close-btn{position:absolute;top:20px;right:30px;font-size:2rem;cursor:pointer;color:var(--primary)}#signup-modal .popup-content,#login-modal .popup-content,#forgot-password-modal .popup-content{max-width:400px}#signup-form,#login-form,#forgot-password-form{display:flex;flex-direction:column;gap:15px;margin-top:15px}#signup-form input,#login-form input,#forgot-password-form input{padding:12px;border-radius:8px;border:1px solid #cce0f5;background-color:#fff;color:var(--primary);width:100%}#signup-form input::-moz-placeholder,#login-form input::-moz-placeholder,#forgot-password-form input::-moz-placeholder{color:#888}#signup-form input::placeholder,#login-form input::placeholder,#forgot-password-form input::placeholder{color:#888}#signup-form button,#login-form button,#forgot-password-form button{padding:12px;background-color:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}#signup-form button:hover,#login-form button:hover,#forgot-password-form button:hover{background-color:#07c}.auth-switch{margin-top:15px;font-size:.9rem}.auth-switch a,.forgot-password a{color:var(--accent);text-decoration:none}.forgot-password{margin-top:10px;font-size:.85rem}@media (max-width: 768px){.nav-links{gap:10px}nav a{font-size:.9rem;padding:6px 10px}.hero h2{font-size:2.2rem}.video-box iframe{height:250px}.user-avatar{width:35px;height:35px}.account-dropdown{right:-20px;min-width:220px}}@media (max-width: 480px){.nav-links{display:none}#auth-container{margin-left:0}.account-dropdown{right:-10px}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #3399ff80}50%{box-shadow:0 0 25px #39fc}}.user-avatar{animation:glowPulse 3s ease-in-out infinite}